<!doctype html>
<html lang="en">
  <head>
    <title>The Red list of Items to have</title>
    <link rel="stylesheet" href="/stylesheets/red.css" type="text/css" media="screen" />
        <script src="/javascripts/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="/javascripts/jqtouch.js" type="application/x-javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            var jQT = new $.jQTouch({
                cacheGetRequests: false,
                icon: 'red_icon.png',
                addGlossToIcon: true,
                startupScreen: 'red_startup.png',
                statusBar: 'transparant',
                slideSelector: '#jqt > * > ul li a, #jqt > * > * > ul li a, .slide',
                preloadImages: [
                    '/images/back_button.png',
                    '/images/back_button_clicked.png',
                    '/images/button_clicked.png',
                    '/images/grayButton.png',
                    '/images/whiteButton.png',
                    '/images/loading.gif'
                    ]
            });
         </script>
  </head>
  <body>
    <div id="jqt">
  <section id="intro" class="current">
    <header>
      <h1>The Red List</h1>
      <h2>Only in HTML5</h2>
       <a class="back" href="#">AAJX</a>
        <a class="button slideup" href="#about">About</a>
    </header>
    <div class="logo">
    <p>This is my test project for rils on google appengine. html and ccs3</p>
    <img src="/images/intro_flower.jpg" alt="Flower"  />
    </div>
    <nav>
      <ul>
        <li class="selected"><a href="#">Blog</a></li>
        <li><a class="menu_item" href="/movies/wish_list/0" target="list">Movies</a></li>
        <li><a class="menu_item" href="/songs" target="list">Songs</a></li>
        <li><a class="menu_item" href="/games" target="list">Games</a></li>
        <li><a class="menu_item" href="/books" target="list">Books</a></li>
        <li><a class="menu_item" href="/gadgets" target="list">Gadgets</a></li>
        <li><a class="menu_item" href="/comics" target="list">Comics</a></li>
        <li><a class="menu_item" href="/contacts" target="list">Contacts</a></li>
        <!--li class="subscribe"><a href="#">Subscribe via. RSS</a></li-->
      </ul>
    </nav>
  </section>


  <section id="mainContent">
    <aside>
      <section id="list">_
      </section>
    </aside>
    <article id="show" >_
    </article>
  </section>

  <section id="about">
    <footer>
      <section id="about">
        <header>
          <h1>About</h1>
        </header>
        <p>I am Djinn. not moch else to say here, just some bored guy here </p>
      </section>
      <section id="blogroll">
        <header>
          <h1>Blogroll</h1>
        </header>
        <ul>
          <li><a href="#">Blue</a></li>

        </ul>
      </section>
      <section id="popular">
        <header>
          <h1>Popular</h1>
        </header>
        <ul>
          <li><a href="#">Black</a></li>
        </ul>
      </section>
    </footer>
    </section>
    </div>
  </body>
</html>